let testEditor;
let url=document.location.href;
let articleId = url.substring(url.indexOf("=") + 1);


$(function() {
    let xhr = new XMLHttpRequest();
    let str="";
    xhr.onreadystatechange=function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            str = xhr.responseText;
            let t = eval("(" + str + ")");
            $("#main").before("<a href='../team/person_page.jsp?userId="+t.authorId+" '</a> " +
                "<img src=\"../upload_img/defaultMe.jpg\" class=\"normal\" alt=\"\">\n" +
                "<h3 style=\"text-align: center;font-family: 华文新魏\">"+ t.author+"</h3>")
            $("#first_title").text(t.firstTitle);
            // $("#time").text(t.time);
            $("#time").html("<i class=\"fa fa-clock-o\"></i>" + t.time);
            $(".author").text(t.author);
            $("#hits").html("<i class=\"fa fa-eye\" aria-hidden=\"true\"></i>"+t.hits);
            $("#second_title").text(t.secondTitle);
            let tags = t.tags.split(",");
            for(let i=0;i<tags.length;i++){
                $("#tags").append("<a href=\"#\"><i class=\"fa fa-tag\"></i>" + tags[i] + "</a>");
            }
            let category=t.category;
            for(let i=0;i<category.length;i++){
                $("#category").append("<a href=\"#\">"+ category[i].tag+"<span>("+ category[i].tally+")</span></a>");
            }
            let hottestBlogs=t.hottestBlogs;
            for(let i=0;i<hottestBlogs.length;i++){
                $("#hottest_blogs").append("<div class=\"widget-post\"><a href=\"#\"><img src=\"../img/post1.jpg\" alt=\"\">"+hottestBlogs[i].firstTitle+"</a><ul class=\"blog-meta\"><li>"+hottestBlogs[i].time+"</li></ul></div>");
            }

            let currentBlogs=t.currentBlogs;
            for(let i=0;i<currentBlogs.length;i++){
                $("#current_blogs").append("<div class=\"widget-post\"><a href=\"#\"><img src=\"../img/post1.jpg\" alt=\"\">"+currentBlogs[i].firstTitle+"</a><ul class=\"blog-meta\"><li>"+currentBlogs[i].time+"</li></ul></div>");
            }
            $("title").text(t.firstTitle);

        }
    }
    xhr.open("GET", "./get_single_blog?article_id="+articleId);
    xhr.send();
    getText();
});

function getText() {
    $.get("../get_single_blog_text?article_id="+articleId, function(md){
        testEditor = editormd.markdownToHTML("blog_text", {
        // testEditor = editormd("blog_text", {
            width: "90%",
            height: '740px',
            // syncScrolling : "single",
            path   : "../editormd/lib/",
            watch:true,
            theme : "dark",
            previewTheme : "dark",
            // editorTheme : "pastel-on-dark",
            markdown : md,
            codeFold : true,
            // syncScrolling : false,
            saveHTMLToTextarea : true,    // 保存 HTML 到 Textarea
            // searchReplace : true,
            //watch : false,                // 关闭实时预览
            // htmlDecode : "style,script,iframe|on*",            // 开启 HTML 标签解析，为了安全性，默认不开启
            //toolbar  : false,             //关闭工具栏
            //previewCodeHighlight : false, // 关闭预览 HTML 的代码块高亮，默认开启
            emoji : true,
            taskList : true,
            tocm            : true,         // Using [TOCM]
            tex : true,                   // 开启科学公式TeX语言支持，默认关闭
            flowChart : true,             // 开启流程图支持，默认关闭
            // sequenceDiagram : true,       // 开启时序/序列图支持，默认关闭,
            //dialogLockScreen : false,   // 设置弹出层对话框不锁屏，全局通用，默认为true
            //dialogShowMask : false,     // 设置弹出层对话框显示透明遮罩层，全局通用，默认为true
            //dialogDraggable : false,    // 设置弹出层对话框不可拖动，全局通用，默认为true
            //dialogMaskOpacity : 0.4,    // 设置透明遮罩层的透明度，全局通用，默认值为0.1
            //dialogMaskBgColor : "#000", // 设置透明遮罩层的背景颜色，全局通用，默认为#fff
            imageUpload : true,
            imageFormats : ["jpg", "jpeg", "gif", "png", "bmp", "webp"],
            imageUploadURL : "./php/upload.php",
            onload : function() {
                console.log('onload', this);
                //this.fullscreen();
                //this.unwatch();
                //this.watch().fullscreen();

                //this.setMarkdown("#PHP");
                //this.width("100%");
                //this.height(480);
                //this.resize("100%", 640);
            }
        });
    })
}